<template name="skeleton">
  <view class="sk-container">
    <view class="data-v-1cf27b2a data-v-1cf27b2a" style="display:flex;flex-direction:column;height:100vh">
      <view class="noneSkeleton noneSkeleton data-v-1cf27b2a data-v-1cf27b2a">
        <view class="data-v-1cf27b2a data-v-1cf27b2a">
          <view class="u-swiper swiper--u-swiper data-v-4e7d0c90 swiper--data-v-4e7d0c90" style="background-color:#f3f4f6;height:200px;border-radius:4px">
            <swiper class="u-swiper__wrapper swiper--u-swiper__wrapper data-v-4e7d0c90 swiper--data-v-4e7d0c90" current="0" display-multiple-items="1" duration="300" easing-function="default" interval="3000" next-margin="0px" previous-margin="0px" style="flex:1;height:200px"
              autoplay="false" circular="true"></swiper>
            <view class="u-swiper__indicator swiper--u-swiper__indicator data-v-4e7d0c90 swiper--data-v-4e7d0c90" style="true">
              <view class="u-swiper-indicator indicator--u-swiper-indicator data-v-7b7c7ea6 indicator--data-v-7b7c7ea6">
                <view class="u-swiper-indicator__wrapper indicator--u-swiper-indicator__wrapper data-v-7b7c7ea6 indicator--data-v-7b7c7ea6 u-swiper-indicator__wrapper--line indicator--u-swiper-indicator__wrapper--line" style="width:66px;background-color:rgba(255, 255, 255, 0.35)">
                  <view class="u-swiper-indicator__wrapper--line__bar indicator--u-swiper-indicator__wrapper--line__bar data-v-7b7c7ea6 indicator--data-v-7b7c7ea6" style="width:22px;transform:translateX(44px);background-color:#FFFFFF;"></view>
                </view>
              </view>
            </view>
          </view>
          <view class="data-v-1cf27b2a data-v-1cf27b2a" style="display:flex;flex-direction:row;justify-content:center">
            <view class="detailCarten detailCarten data-v-1cf27b2a data-v-1cf27b2a">
              <view class="d-title-1 d-title-1 data-v-1cf27b2a data-v-1cf27b2a">
                <text class="data-v-1cf27b2a sk-transparent sk-text-14-2857-395 sk-text">“吾之老”社区共享食堂</text>
                <view class="d-title-preserve data-v-1cf27b2a sk-transparent sk-text-14-2857-300 sk-text" style="background-position-x: 50%;">接受预定</view>
              </view>
              <view class="d-title-2 data-v-1cf27b2a sk-transparent sk-text-14-2857-417 sk-text" style="background-position-x: 50%;">每日营业时间为:早9:00-晚8:00</view>
              <view class="d-title-3 data-v-1cf27b2a sk-transparent sk-text-14-2857-781 sk-text">食堂位置:重庆市巴南区鱼洞街道箭河社区</view>
              <view class="d-title-4 d-title-4 data-v-1cf27b2a data-v-1cf27b2a">
                <image class="data-v-1cf27b2a sk-image"></image>
                <text class="data-v-1cf27b2a sk-transparent sk-text-14-2857-280 sk-text">您当前位置:渝中区上清寺重庆市财政税务局住宅(中山四路东)</text>
              </view>
            </view>
          </view>
        </view>
        <view class="shop-w shop-w data-v-1cf27b2a data-v-1cf27b2a">
          <view class="shop shop data-v-1cf27b2a data-v-1cf27b2a">
            <view class="left left data-v-1cf27b2a data-v-1cf27b2a">
              <image class="leftnav_logo data-v-1cf27b2a sk-image"></image>
              <scroll-view class="data-v-1cf27b2a data-v-1cf27b2a" scroll-y="true" style="width:100%;height:100%">
                <view class="tab-nav tab-nav data-v-1cf27b2a data-v-1cf27b2a" style="background-color: #f42d18;color:#ffffff;">
                  <text class="tab-nav-text data-v-1cf27b2a sk-transparent sk-text-14-2857-666 sk-text" style="background-position-x: 50%;">超值套餐</text>
                </view>
                <view class="tab-nav tab-nav data-v-1cf27b2a data-v-1cf27b2a" style="background-color: #f2f2f2">
                  <text class="tab-nav-text data-v-1cf27b2a sk-transparent sk-text-14-2857-22 sk-text" style="background-position-x: 50%;">热销美食</text>
                </view>
                <view class="tab-nav tab-nav data-v-1cf27b2a data-v-1cf27b2a" style="background-color: #f2f2f2">
                  <text class="tab-nav-text data-v-1cf27b2a sk-transparent sk-text-14-2857-451 sk-text" style="background-position-x: 50%;">新品尝鲜</text>
                </view>
                <view class="tab-nav tab-nav data-v-1cf27b2a data-v-1cf27b2a" style="background-color: #f2f2f2">
                  <text class="tab-nav-text data-v-1cf27b2a sk-transparent sk-text-14-2857-760 sk-text" style="background-position-x: 50%;">必点主食</text>
                </view>
                <view class="tab-nav tab-nav data-v-1cf27b2a data-v-1cf27b2a" style="background-color: #f2f2f2">
                  <text class="tab-nav-text data-v-1cf27b2a sk-transparent sk-text-14-2857-980 sk-text" style="background-position-x: 50%;">早餐</text>
                </view>
              </scroll-view>
            </view>
            <view class="right right data-v-1cf27b2a data-v-1cf27b2a">
              <view class="right-title data-v-1cf27b2a sk-transparent sk-text-14-2857-917 sk-text">超值套餐</view>
              <scroll-view class="data-v-1cf27b2a data-v-1cf27b2a" scroll-y="true" style="width:100%;height:90%">
                <view class="right-food right-food data-v-1cf27b2a data-v-1cf27b2a">
                  <image class="icon data-v-1cf27b2a sk-image"></image>
                  <view class="food-name data-v-1cf27b2a sk-transparent sk-text-14-2857-598 sk-text">青椒炒肉单人套餐</view>
                  <view class="food-value data-v-1cf27b2a sk-transparent sk-text-14-2857-394 sk-text">￥14.8</view>
                  <view class="sub data-v-1cf27b2a sk-transparent sk-text-14-2857-952 sk-text" style="background-position-x: 50%;">加入购物车</view>
                </view>
                <view class="right-food right-food data-v-1cf27b2a data-v-1cf27b2a">
                  <image class="icon data-v-1cf27b2a sk-image"></image>
                  <view class="food-name data-v-1cf27b2a sk-transparent sk-text-14-2857-198 sk-text">豪华单人套餐</view>
                  <view class="food-value data-v-1cf27b2a sk-transparent sk-text-14-2857-169 sk-text">￥20</view>
                  <view class="sub data-v-1cf27b2a sk-transparent sk-text-14-2857-451 sk-text" style="background-position-x: 50%;">加入购物车</view>
                </view>
              </scroll-view>
            </view>
            <view class="shopcartBtn shopcartBtn data-v-1cf27b2a data-v-1cf27b2a">
              <view class="shopcartJoin shopcartJoin data-v-1cf27b2a data-v-1cf27b2a">
                <image class="data-v-1cf27b2a sk-image"></image>
              </view>
              <text class="shopcartTotalPrice data-v-1cf27b2a sk-transparent sk-text-35-4545-238 sk-text">合计: ¥ 0元</text>
              <view class="shopcartCheck shopcartCheck data-v-1cf27b2a data-v-1cf27b2a">
                <button class="data-v-1cf27b2a sk-transparent sk-button sk-pseudo sk-pseudo-circle" hover-stop-propagation="true" size="mini" style="color:#f00;border-radius:16px" type="default">结算</button>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<style lang="scss" scoped>
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-395 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-300 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 22.8261rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-417 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-781 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-280 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-666 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-22 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-451 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-760 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-980 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-917 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-598 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: absolute !important;
	  }
	.sk-text-14-2857-394 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: absolute !important;
	  }
	.sk-text-14-2857-952 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.4348rpx;
	    position: absolute !important;
	  }
	.sk-text-14-2857-198 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: absolute !important;
	  }
	.sk-text-14-2857-169 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: absolute !important;
	  }
	.sk-text-35-4545-238 {
	    background-image: linear-gradient(transparent 35.4545%, #EEEEEE 0%, #EEEEEE 64.5455%, transparent 0%) !important;
	    background-size: 100% 99.6377rpx;
	    position: relative !important;
	  }
	.sk-button {
	    color: #EFEFEF !important;
	    background: #EFEFEF !important;
	    border: none !important;
	    box-shadow: none !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }
	
</style>